<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>Document</title>
		<script src="./vue.global.js"></script>
		<link rel="stylesheet" href="./index.css" />
		<link rel="stylesheet" href="./table.css" />
		<link rel="stylesheet" href="./pugong.css" />
		<link rel="stylesheet" href="./utils.css" />
		<script src="./index.full.js"></script>

		<script>
			//适配代码
			(function(doc, win) {
				var docEI = doc.documentElement,
					resizeEvt =
					"orientationchange" in window ? "orientataionchange" : "resize",
					recalc = function() {
						var clientWidth = docEI.clientWidth;
						if (!clientWidth) return;
						//100是字体大小，1536是开发时浏览器窗口的宽度，等比计算
						docEI.style.fontSize = 100 * (clientWidth / 1536) + "px";
					};

				if (!doc.addEventListener) return;
				win.addEventListener(resizeEvt, recalc, false);
				doc.addEventListener("DOMContentLoaded", recalc, false);
			})(document, window);
		</script>
		<style>
			* {
				/* margin: 0;
        padding: 0; */
				font-size: 0.15rem;
			}
		</style>
	</head>

	<body>
		<div id="app" class="table-content text-left ">
			<h3 class="text-center" style="font-size: 0.25rem">安全操作规程告知书</h3>


			<div class="text-indent mt-2">一、基本原则</div>
			<div class="text-indent">1.高度重视安全，人身安全和合理施工是首要原则。</div>
			<div class="text-indent">2.严格遵循施工组织设计和技术要求。</div>
			<div class="text-indent">3.做好安全防范工作，预先识别和排除存在的安全隐患。</div>
			<div class="text-indent">4.增强安全意识，积极参与安全教育和培训。</div>
			<div class="text-indent">二、个人安全防护</div>
			<div class="text-indent">1.佩戴并正确使用个人防护装备，包括安全帽、安全鞋、防护手套等。</div>
			<div class="text-indent">2.注意穿着合适的工装，松紧适中，不得穿拖鞋、高跟鞋等不符合要求的鞋服。</div>
			<div class="text-indent">3.长时间进行高强度劳动时，可以适当使用腰带、腕带等辅助装备。</div>
			<div class="text-indent">三、安全出入施工现场</div>
			<div class="text-indent">1.严禁未经许可擅自进入施工现场。</div>
			<div class="text-indent">2.进入施工现场必须佩戴并正确使用个人防护装备。</div>
			<div class="text-indent">3.施工现场禁止吸烟、使用明火等危险操作。</div>
			<div class="text-indent">4.注意行走安全，遵守交通规则，尽量走人行道或临时施策步道。</div>
			<div class="text-indent">5.小心作业设备，避免碰撞和触电风险。</div>
			<div class="text-indent">四、安全使用施工设备和工具</div>
			<div class="text-indent">1.使用前仔细检查设备和工具的安全性能，确保完好无损。</div>
			<div class="text-indent">2.使用施工设备和工具必须参照操作手册进行安全操作。</div>
			<div class="text-indent">3.施工设备和工具的操作人员必须经过专业培训和资格认证。</div>
			<div class="text-indent">4.使用电动工具时，必须使用绝缘工具，并确保电线绝缘完好。</div>
			<div class="text-indent">五、高处作业安全</div>
			<div class="text-indent">1.高处作业必须按照相关规定配备安全防护设备。</div>
			<div class="text-indent">2.制定高处作业方案，严禁超负荷作业，严禁个别人员作业。</div>
			<div class="text-indent">3.高处作业必须使用安全防护绳索和安全帽等个人防护装备。</div>
			<div class="text-indent">4.高处作业必须具备高处作业证书，且必须配备施工现场监理人员。</div>
			<div class="text-indent">六、贮存和清理材料</div>
			<div class="text-indent">1.材料堆放必须稳固，堆高不得超过规定高度。</div>
			<div class="text-indent">2.标明重量的材料必须使用机械搬运，禁止人力搬运。</div>
			<div class="text-indent">3.清理施工现场时，先清除杂物和垃圾，再进行扫地、抹灰等清洁作业。</div>
			<div class="text-indent">4.清理施工现场时必须佩戴手套和口罩等个人防护装备。</div>
			<div class="text-indent">七、防火和电气安全</div>
			<div class="text-indent">1.定期检查和清理施工现场的电气线路和设备，确保正常运行。</div>
			<div class="text-indent">2.禁止私拉乱接电源，电线使用要具备绝缘功能。</div>
			<div class="text-indent">3.火源禁止靠近易燃材料和易燃气体，禁止在施工现场吸烟。</div>
			<div class="text-indent">4.关闭电气设备、灯具和燃气设备时，必须认真确认。</div>
			<div class="text-indent">七、防火和电气安全</div>
			<div class="text-indent">1.定期检查和清理施工现场的电气线路和设备，确保正常运行。</div>
			<div class="text-indent">2.禁止私拉乱接电源，电线使用要具备绝缘功能。</div>
			<div class="text-indent">3.火源禁止靠近易燃材料和易燃气体，禁止在施工现场吸烟。</div>
			<div class="text-indent">4.关闭电气设备、灯具和燃气设备时，必须认真确认。</div>
			<div class="text-indent">八、应急处理和事故报告</div>
			<div class="text-indent">1.熟悉和掌握应急预案，必要时进行应急演练。</div>
			<div class="text-indent">2.发生事故时，立即停止施工并报告现场负责人。</div>
			<div class="text-indent">3.对事故现场进行保护和标记，不得随意移动现场物品。</div>
			<div class="text-indent">4.严禁隐瞒和谎报事故，及时报告相关部门。</div>




			<div class="d-flex flex-row mt-2 justify-content-between">
				<div>
					<div @click="setUpEquipment('operateForm.announcer','TaskSignFinger')">告知者（签字）： </div>
					<el-image v-show="operateForm.announcer" class="sign_img" :src="operateForm.announcer" fit="fill"></el-image>
					<div>
						<el-input v-model="operateForm.year" class="people-input" placeholder=" " style="width: 0.8rem"></el-input>
						年
						<el-input v-model="operateForm.month" class="people-input" placeholder=" " style="width: 0.5rem"></el-input>
						月
						<el-input v-model="operateForm.day" class="people-input" placeholder=" " style="width: 0.5rem"></el-input>
						日
					</div>
				</div>
				<div>
					<div @click="setUpEquipment('operateForm.announcerd','TaskSignFinger')">被告知者（签字）：</div>
					<el-image v-show="operateForm.announcerd" class="sign_img" :src="operateForm.announcerd"
						fit="fill"></el-image>
					<div>
						<el-input v-model="operateForm.year1" class="people-input" placeholder=" " style="width: 0.8rem"></el-input>
						年
						<el-input v-model="operateForm.month1" class="people-input" placeholder=" "
							style="width: 0.5rem"></el-input>
						月
						<el-input v-model="operateForm.day1" class="people-input" placeholder=" " style="width: 0.5rem"></el-input>
						日
					</div>
				</div>
			</div>

		</div>
		<script>
			const {
				createApp,
				reactive,
				toRefs,
				ref,
				onMounted
			} = Vue;
			const vue3Composition = {
				setup() {
					const operateForm = ref({
						year: "",
						month: "",
						day: "",
						year1: "",
						month1: "",
						day1: "",
						announcer: "", //告知者
						announcerd: '', //被告知者
					});

					window.setSign = (event) => {
						operateForm.value[event.key] = event.img;
					};


					window.getData = (event) => {
						return operateForm.value;
					};
					window.setData = (data) => {
						operateForm.value = data;
					};

					//peopleForm.sign
					const setUpEquipment = (key, type) => {
						window.parent.childListener({
							key,
							type,
						});
					};
					return {
						operateForm,
						setUpEquipment,
					};
				},
			};
			const app = createApp(vue3Composition)
				.use(ElementPlus)
				.mount("#app");
		</script>
	</body>
</html>